---
title: ウォレットボタン
description: ウォレットボタンの使用とカスタマイズ
---

# ウォレットボタン

> 注: 現在の`WalletButton`はEIP-1193ウォレット標準に依存していますが、近いうちにEIP-6963もサポートされる予定です。

新しい`WalletButton`コンポーネントは、特注のウォレットリスト実装を持つdAppsがRainbowKitとそのメンテナンスフリーの利点を採用するのに役立ちます。

```tsx
import { WalletButton } from '@rainbow-me/rainbowkit';

<WalletButton wallet="rainbow" />
<WalletButton wallet="metamask" />
<WalletButton wallet="baseAccount" />
```

`ConnectButton`と同様に、`WalletButton.Custom`コンポーネントはカスタム実装とスタイリング用に利用可能です。

```tsx
<WalletButton.Custom wallet="rainbow">
  {({ ready, connect }) => {
    return (
      <button
        type="button"
        disabled={!ready}
        onClick={connect}
      >
        Connect Rainbow
      </button>
    );
  }}
</WalletButton.Custom>
```

ほとんどのdAppsは[ConnectButton](https://www.rainbowkit.com/docs/connect-button)が最適です。`WalletButton`の採用と使用ケースについての詳細はこちらのドキュメント[ここ](https://www.rainbowkit.com/docs/wallet-button)を参照してください。

#### デモ

下のボタンを押して、このRainbowKitのエントリーポイントがどのように見えるか確認してください。

<WalletButtonDemo />
